// components/search-picker/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // 是否显示
    show:{
      // value:false,
      type:Boolean
    },
    // van-picker的value-key选择项
    valueKey:"",
    // 展示的列表
    columns:{
      value:[],
      type:Array
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    value:"",
    list:[],
  },
  observers:{
    show(bool){
      if(bool){
        let {list,columns} = this.data
        list = columns
        this.setData({ 
          list
        })
      }
    }
  },  
  pageLifetimes:{

  },
  lifetimes:{

  },
  /**
   * 组件的方法列表
   */
  methods: {
    handleInput({detail:{value}}){
      console.log(value)
      let {columns,list,valueKey} = this.data
      list = columns.filter(item=>valueKey&&item[valueKey].includes(value)||!value&&item.includes(value))
      this.setData({
        list
      })
    },
    // 取消
    cancel(){
      this.setData({
        show:false
      })
    },
    // 确定
    confirm(){
      const node = this.selectComponent("#van-picker")
      this.triggerEvent("confirm",{index:node.getIndexes()[0],value:node.getValues()[0]})
      this.cancel()
    },
  }
})
